<%--
  Created by IntelliJ IDEA.
  User: haocongshun
  Date: 2016/8/23
  Time: 16:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../inc/top.jsp"%>
<link href="<%=ctxpath%>/static/teacher/css/message.css" rel="stylesheet"/>
<script src="<%=ctxpath%>/static/teacher/js/message.js"></script>
<div class="ui-ui" style="position: relative; z-index: 0; opacity: 1;">
    <div class="king-block king-block-bordered king-block-themed mb0">
        <div class="king-block-header king-gray">
            <h3 class="king-block-title">我的消息</h3>
        </div>
        <div class="king-block-content">
            <div class="ui-ui" style="position: relative; z-index: 0; opacity: 1;">
                <div class="king-tab">
                    <ul class="nav nav-tabs king-nav-tabs" id="myTab2">
                        <li class="active"><a id="allMsg" href="#demo1" data-toggle="tab" aria-expanded="true">全部</a>
                        </li>
                        <li class=""><a id="workMsg" href="#demo2" data-toggle="tab" aria-expanded="false">作业上交通知</a>
                        </li>
                        <li class=""><a id="feedbackMsg" href="#demo3" data-toggle="tab" aria-expanded="false">评价反馈</a>
                        </li>
                        <li class=""><a id="systemMsg" href="#demo4" data-toggle="tab" aria-expanded="false">系统通知</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade active in" id="demo1" style="">
                            <div id="MsgAll" class="ui-ui" style="position: relative; z-index: 0;" >

                            </div>
                            <div style="margin-left: 75%;width: 300px;">
                                <ul id="pageAll" class="pagination">
                                    <li class="disabled">
                                        <a href="javascript:;" aria-label="Previous">
                                            <span aria-hidden="true">«</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="javascript:;">1</a></li>
                                    <li><a href="javascript:;">2</a></li>
                                    <li><a href="javascript:;">3</a></li>
                                    <li><a href="javascript:;">4</a></li>
                                    <li><a href="javascript:;">5</a></li>
                                    <li>
                                        <a href="javascript:;" aria-label="Next">
                                            <span aria-hidden="true">»</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="demo2" style="">
                            <div id="MsgWork" class="ui-ui" style="position: relative; z-index: 0;" >
                                <div class="panel king-panel1 m25">
                                    <div class="panel-heading king-panel-head1 king-panel-top1">
                                        <h3 class="panel-title">标题</h3>
                                    </div>
                                    <div class="panel-body">

                                    </div>
                                </div>
                            </div>
                            <div style="margin-left: 75%;width: 300px;">
                                <ul id="pageWork" class="pagination">
                                    <li class="disabled">
                                        <a href="javascript:;" aria-label="Previous">
                                            <span aria-hidden="true">«</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="javascript:;">1</a></li>
                                    <li><a href="javascript:;">2</a></li>
                                    <li><a href="javascript:;">3</a></li>
                                    <li><a href="javascript:;">4</a></li>
                                    <li><a href="javascript:;">5</a></li>
                                    <li>
                                        <a href="javascript:;" aria-label="Next">
                                            <span aria-hidden="true">»</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="demo3" style="">
                            <div id="MsgFeedback" class="ui-ui" style="position: relative; z-index: 0;">
                                <div class="panel king-panel1 m25">
                                    <div class="panel-heading king-panel-head1 king-panel-top1">
                                        <h3 class="panel-title">标题</h3>
                                    </div>
                                    <div class="panel-body">

                                    </div>
                                </div>
                            </div>
                            <div  style="margin-left: 75%;width: 300px;">
                                <ul id="pageFeedback" class="pagination">
                                    <li class="disabled">
                                        <a href="javascript:;" aria-label="Previous">
                                            <span aria-hidden="true">«</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="javascript:;">1</a></li>
                                    <li><a href="javascript:;">2</a></li>
                                    <li><a href="javascript:;">3</a></li>
                                    <li><a href="javascript:;">4</a></li>
                                    <li><a href="javascript:;">5</a></li>
                                    <li>
                                        <a href="javascript:;" aria-label="Next">
                                            <span aria-hidden="true">»</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="demo4" style="">
                            <div id="MsgSystem" class="ui-ui" style="position: relative; z-index: 0;">
                                <div class="panel king-panel1 m25">
                                    <div class="panel-heading king-panel-head1 king-panel-top1">
                                        <h3 class="panel-title">标题</h3>
                                    </div>
                                    <div class="panel-body">

                                    </div>
                                </div>
                            </div>
                            <div style="margin-left: 75%;width: 300px;">
                                <ul id="pageSystem" class="pagination">
                                    <li class="disabled">
                                        <a href="javascript:;" aria-label="Previous">
                                            <span aria-hidden="true">«</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="javascript:;">1</a></li>
                                    <li><a href="javascript:;">2</a></li>
                                    <li><a href="javascript:;">3</a></li>
                                    <li><a href="javascript:;">4</a></li>
                                    <li><a href="javascript:;">5</a></li>
                                    <li>
                                        <a href="javascript:;" aria-label="Next">
                                            <span aria-hidden="true">»</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<%@include file="../inc/bottom.jsp"%>